<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
  <meta charset="UTF-8">
  <title>购物车 [ 至尊宝 ]</title>
  <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800'>
  <link rel="stylesheet" href="css/shoppingbox.css">

  
</head>

<body class="body-bg">
  	<header id="site-header">
		<div class="container">
			<h1>购物车 <span>[</span> <em><a href="main.html">至尊宝网游手游拯救艾泽拉斯</a></em> <span class="last-span is-open">]</span></h1>
		</div>
	</header>

	<div class="container">
		<section id="cart"> 
			<article class="product">
				<header>
					<a class="remove">
						<img src="images/carousel-3.jpg" alt="">

						<h3>移除商品</h3>
					</a>
				</header>

				<div class="content">

					<h1>XCOM2</h1>
					XCOM 2 is the sequel to the award-winning strategy game, XCOM: Enemy Unknown. Twenty years have passed since humanity lost the war against the alien invaders and a new world order now exists on Earth.  
				</div>

				<footer class="content">
					<span class="qt-minus">-</span>
					<span class="qt">2</span>
					<span class="qt-plus">+</span>

					<h2 class="full-price">
						29.98￥
					</h2>

					<h2 class="price">
						29.98￥
					</h2>
				</footer>
			</article>

			<article class="product">
				<header>
					<a class="remove">
						<img src="images/carousel-6.jpg" alt="">

						<h3>移除商品</h3>
					</a>
				</header>

				<div class="content">

					<h1>XCOM2</h1>

					XCOM 2 is the sequel to the award-winning strategy game, XCOM: Enemy Unknown. Twenty years have passed since humanity lost the war against the alien invaders and a new world order now exists on Earth. 

				</div>

				<footer class="content">
					
					<span class="qt-minus">-</span>
					<span class="qt">1</span>
					<span class="qt-plus">+</span>

					<h2 class="full-price">
						79.99￥
					</h2>

					<h2 class="price">
						79.99￥
					</h2>
				</footer>
			</article>

			<article class="product">
				<header>
					<a class="remove">
						<img src="images/presentation-1.jpg" alt="">

						<h3>移除商品</h3>
					</a>
				</header>

				<div class="content">

					<h1>XCOM2</h1>

					XCOM 2 is the sequel to the award-winning strategy game, XCOM: Enemy Unknown. Twenty years have passed since humanity lost the war against the alien invaders and a new world order now exists on Earth. 
				</div>

				<footer class="content">
					
					<span class="qt-minus">-</span>
					<span class="qt">3</span>
					<span class="qt-plus">+</span>

					<h2 class="full-price">
						53.99￥
					</h2>

					<h2 class="price">
						17.99￥
					</h2>
				</footer>
			</article>

		</section>

	</div>

	<footer id="site-footer">
		<div class="container clearfix">

			<div class="left">
				<h2 class="subtotal">小结: <span>163.96</span>￥</h2>
				<h3 class="tax">Taxes (5%): <span>8.2</span>￥</h3>
				<h3 class="shipping">运费: <span>5.00</span>￥</h3>
			</div>

			<div class="right">
				<h1 class="total">总共: <span>177.16</span>￥</h1>
				<a class="btn">结算</a>
			</div>

		</div>
	</footer>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

    <script src="js/shoppingbox.js"></script>

</body>
</html>
